<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <!--    <link rel="stylesheet" th:href="@{/webjars/bootstrap/3.4.1/css/bootstrap.min.css}">-->
    <!--    <link rel="stylesheet" th:href="@{/webjars/font-awesome/4.7.0/css/font-awesome.css}">-->
    <!--    <link rel="stylesheet" th:href="@{/webjars/ionicons/2.0.1/css/ionicons.css}">-->
    <link rel="stylesheet" th:href="@{/webjars/AdminLTE/2.4.18/dist/css/AdminLTE.min.css}">
    <!-- <link rel="stylesheet" th:href="@{/webjars/AdminLTE/2.4.18/dist/css/skins/skin-blue.min.css}"> -->
</head>
<body>
<div class="box-body">
    <h2>hello 第一个Thymeleaf程序</h2>
    <div th:text="${message}">name是bigsai(我是离线数据)</div>
</div>

<div class="box-body">
    <h2>普通字符串</h2>
    <table class="table-bordered">
        <tr class="table-row-cell">
            <td th:text="'我的名字是：'+${name}"></td>
        </tr>
    </table>
</div>

<div class="box-body">
    <h2>JavaBean对象</h2>
    <table bgcolor="#ffe4c4" border="1">
        <tr>
            <td>介绍</td>
            <td th:text="${user.name}"></td>
        </tr>
        <tr>
            <td>年龄</td>
            <td th:text="${user['age']}"></td>
        </tr>
        <tr>
            <td>介绍</td>
            <td th:text="${user.getDetail()}"></td>
        </tr>
    </table>
</div>

<div class="box-body">
    <h2>List取值</h2>
    <table bgcolor="#ffe4c4" border="1">
        <tr th:each="item:${userlist}">
            <td th:text="${item}"></td>
        </tr>
    </table>
</div>

<div class="box-body">
    <h2>Map取值</h2>
    <table bgcolor="#8fbc8f" border="1">
        <tr>
            <td>place:</td>
            <td th:text="${map.get('place')}"></td>
        </tr>
        <tr>
            <td>feeling:</td>
            <td th:text="${map['feeling']}"></td>
        </tr>
    </table>
</div>

<div class="box-body">
    <h2>Map遍历</h2>
    <table bgcolor="#ffe4c4" border="1">
        <tr th:each="item:${map}">
            <td th:text="${item.key}"></td>
            <td th:text="${item.value}"></td>
        </tr>
    </table>
</div>
</body>
</html>